<template>
  <div class="app">
    <Transition>
      <Student v-if="isShow"></Student>
    </Transition>
    <School></School>
    <button @click="changeIsShow">显示和隐藏Student组件</button>
  </div>
</template>
<script>
import Student from "./components/Student.vue";
import School from "./components/School.vue";
export default {
  name: "App",
  data() {
    return {

    }
  },
  components: {School, Student},

};
</script>
<style lang="less">
.app {
  width: 100%;
  height: 300px;
  background-color: #cccccc;
}
</style>
